<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>序章 醒来</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            line-height: 1.8;
            color: #333;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f4f4f4;
        }
        .chapter-container {
            background-color: #fff;
            padding: 30px;
            border-radius: 5px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        h1 {
            color: #2c3e50;
            margin-bottom: 20px;
        }
        .chapter-content {
            font-size: 18px;
            text-indent: 2em;
            margin-bottom: 30px;
        }
        .chapter-navigation {
            display: flex;
            justify-content: space-between;
            margin-top: 30px;
        }
        .nav-button {
            padding: 10px 20px;
            background-color: #3498db;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s ease;
        }
        .nav-button:hover {
            background-color: #2980b9;
        }
        .chapter-info {
            text-align: center;
            color: #7f8c8d;
            margin-bottom: 20px;
        }
        @media (max-width: 600px) {
            body {
                padding: 10px;
            }
            .chapter-container {
                padding: 15px;
            }
            .chapter-content {
                font-size: 16px;
            }
        }
    </style>
</head>
<body>
    <div class="chapter-container">
        <header>
            <h1>序章 醒来</h1>
            <div class="chapter-info">
                <span>小说：诡秘：善魔女</span> | 
                <span>作者：囧囧哟</span> | 
                <span>字数：1885字</span>
            </div>
        </header>
        <article class="chapter-content">
            <p>昏暗的地下室，潮湿的地板上躺着一名妙龄少女。</p>
			<p>她大约十七八岁，一头淡金色的长发杂乱地散落在身下，五官精致，面容姣好，不合身的男性服饰也遮不住她那细嫩白皙的肌肤，只是绝美的面容上正浮现着痛苦的表情，紧闭的双眼之间皮肤皱出了川字型，在摇曳的烛光中变幻不定。</p>
			<p>就在烛台上的蜡烛即将烧光时，少女苏醒了。</p>
			<p>捂住像是要从内部炸开的额头，她呻吟着从地板上爬了起来，过于宽大的衣裤在运动中暴露出更多的皮肤，可当事人毫不在意——或者说根本就没注意到。</p>
			<p>“我……没死？这是在哪？医院，还是教会？”少女自言自语道，随即被自己的嗓音吓了一跳，“我的嗓子……咳——”她干咳了几声，声音却依然不同以往。</p>
			<p>抬头四顾，少女发现自己身处陌生而又诡异的环境中，凹凸不平的地板上以她为中心呈放射状铺满了暗红的血迹，其中还混杂着几块黑色的不知名物体，墙角堆积的箱子半开着，内部空无一物，石桌上滴满蜡块的烛台上是房间内唯一的光源，仿佛有风在吹拂，晃动不安，把石桌上各种炼金工具照得明暗不定，灶台上的坩埚仍散发出残余的热量，唯一的出口似乎只有一截向上的楼梯。这不可能是她印象中的医院或是教会，反而更像是隐秘的邪教仪式现场。</p>
			<p>她伸手向腰间摸去，本应在那的枪套也不见了。</p>
			<p>难道自己侥幸未死，而是被俘虏了？</p>
			<p>就在这时，唯一的一根蜡烛终于燃到了尽头，微弱但温暖的烛光闪烁着消失了。</p>
			<p>奇怪的是，少女眼中的世界依然清晰可见，宛若有一道无形的光照耀着周围的一切。</p>
			<p>不行，自己必须得立即离开这诡异的地方。</p>
			<p>潮湿的环境，无窗的四壁，只有向上的楼梯，这里很显然是一间地下室，那么目的地就很明确了。</p>
			<p>少女咬牙忍住了头痛的困扰，站直身体朝着刚才看到的楼梯方向走去。途中宽大而不合身的裤子几次试图从她身上脱离，她只得用一只手抓着裤腰带，另一只手向前摸索着，避免撞到墙上。</p>
			<p>经历了被过长的裤腿绊倒，膝盖撞上箱子，脚趾踢到墙上等意外后，少女终于沿着楼梯走到了顶端，触碰到了天板上的活动板门。</p>
			<p>“还好没有从外面锁上，不然没有趁手的工具，想逃出去可太困难了……”</p>
			<p>抓着板门上的把手，少女没有第一时间打开它，而是谨慎地顶开一条缝，朝外望去。</p>
			<p>和自己的猜测吻合，目前所处的果然是一间地下室，活动板门外正对着一堵墙壁，红色的灯光把墙壁照得通明，除了墙边的一些家具，并没有看到人影。</p>
			<p>很好，先溜出去，找机会求救，再不济也要逃到开阔地形，让体内的定位芯片能把信号传输出去。</p>
			<p>打定主意后，她轻轻推开活动板门，灵活地爬出地下室，反手把板门归位，从头到尾没有发出任何声音，要不是另一只手还提着裤子，整个过程还能更加流畅。</p>
			<p>没有活动板门遮挡视线，在绯红光芒的照耀下，少女终于可以观察房间的全貌。</p>
		</article>
        <nav class="chapter-navigation">
            <!-- <a href="#" class="nav-button" id="prev-chapter">上一章</a> -->
            <a href="#" class="nav-button" id="next-chapter">下一章</a>
        </nav>
    </div>
    <script>
        // document.getElementById('prev-chapter').addEventListener('click', function(e) {
        //     e.preventDefault();
        //     alert('这是第一章，没有上一章');
        // });

        document.getElementById('next-chapter').addEventListener('click', function() {
            // e.preventDefault();
            alert("请付费");
			console.log(1)
            // 这里可以添加加载下一章的逻辑
        });
    </script>
</body>
</html>